import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import grandFather from '@/components/grandFather'
import father from '@/components/father'
import child from '@/components/child'
import views from '@/components/view'

Vue.use(Router)

export default new Router({
    routes: [{
            path: '/',
            name: 'HelloWorld',
            component: HelloWorld,
        },
        // {
        //     path: '/grandFather',
        //     name: 'grandFather',
        //     component: views,
        //     children: [{
        //             path: '',
        //             component: grandFather
        //         },
        //         {
        //             path: 'father',
        //             name: 'father',
        //             component: views,
        //             children: [{
        //                 path: '',
        //                 component: father
        //             }, {
        //                 path: 'child',
        //                 name: 'child',
        //                 component: child
        //             }]
        //         }
        //     ]
        // }
    ]


})